<div class="edit-box">
  <div class="edit-div">
    <span>结果数：</span>
    <apes-input-number style=" width: 240px; display: inline-block"
                       [(ngModel)]="pageSize"
                       [apesMin]="20"
                       [apesMax]="100"
                       [apesStep]="5"></apes-input-number>
  </div>

  <div class="edit-div">
    <span>展示列：</span>
    <ng-select style=" width: 240px; display: inline-block"
               typeToSearchText
               [items]="columnDefs"
               multiple="true"
               bindLabel="headerName"
               bindValue="field"
               placeholder="可多选"
               [(ngModel)]="columnDefsItems"
               [notFoundText]="'无法找到'">
    </ng-select>
  </div>

  <div class="edit-div">
    <label apes-checkbox [(ngModel)]="checked">
    </label>
    <span>
      <apes-input-number style=" width: 60px; display: inline-block"
                         [(ngModel)]="minute"
                         [apesMin]="15"
                         [apesMax]="60"
                         [apesStep]="5">
    </apes-input-number>
    分钟更新一次
    </span>
  </div>

  <div class="edit-div">
    <button apes-button apesType="default" (click)="onOk()">提交</button>
    <button apes-button apesType="default" (click)="onNot('45646')">取消</button>
  </div>

</div>

